<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta
        name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
    />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>南山区师资配置交流轮岗数据分析</title>
    <link rel="stylesheet" href="{{env('APP_URL').BE_ADMIN}}/databoard/style/font-awesome.min.css" />
    <link rel="stylesheet" href="{{env('APP_URL').BE_ADMIN}}/databoard/style/swiper-bundle.min.css" />
    <link rel="stylesheet" href="{{env('APP_URL').BE_ADMIN}}/databoard/style/liMarquee.css" />
    <link rel="stylesheet" href="{{env('APP_URL').BE_ADMIN}}/databoard/style/lulu-pure.css" />
    <link rel="stylesheet" href="{{env('APP_URL').BE_ADMIN}}/databoard/style/reset.css" />
    <link rel="stylesheet" href="{{env('APP_URL').BE_ADMIN}}/databoard/style/tools.css" />
    <link rel="stylesheet" href="{{env('APP_URL').BE_ADMIN}}/databoard/style/components.css" />
    <link rel="stylesheet" href="{{env('APP_URL').BE_ADMIN}}/databoard/style/page.css" />
    <script>
        var webUrl = "{{env('APP_URL').BE_ADMIN}}";
    </script>
</head>

<body>
<div class="page">
    <div class="flex-between index-header">
        <div class="flex-start index-header-left">
            <span class="module-line" id="headDate">xxxx年xx月xx日</span>
            <h6 class="module-line"  id="headTime">xx:xx:xx</h6>
        </div>

    </div>
    <div class="flex-between index-body">
        <div class="flex-between index-left">
            <div class="module-title flex-between">
                <h6>基础信息</h6>
                <div class="index-header-select">
                    <select id="yearSelect">
                        <option value="2024">2024~2025年</option>
                    </select>
                </div>
            </div>
            <div class="flex-between" style="margin-top: 2vh;">
                <div class="index-auth-item">
                    <h6>义务教育阶段公办学校数量</h6>
                    <div class="flex-center index-auth-content" >
                        <div class="index-auth-num" id="schoolNum">
                            <span>x</span>
                            <span>x</span>
                        </div>
                        <p>所</p>
                    </div>
                </div>
                <div class="index-auth-item">
                    <h6>义务教育阶段公办教师人数</h6>
                    <div class="flex-center index-auth-content" >
                        <div class="index-auth-num" id="teacherNum">
                            <span>x</span>
                            <span>x</span>
                            <span>x</span>
                        </div>
                        <p>人</p>
                    </div>
                </div>
                <div class="index-auth-item">
                    <h6>区平均在编率</h6>
                    <div class="flex-center index-auth-content" >
                        <div class="index-auth-num" id="orgRatio">
                            <span>x</span>
                            <span>x</span>
                            <span>.</span>
                            <span>x</span>
                        </div>
                        <p>%</p>
                    </div>
                </div>
            </div>
            <div class="flex-between" style="margin-top:2vh;align-items: stretch;">
                <!-- 在编教师情况 -->
                <div class="index-left-teacher">
                    <div class="flex-between index-teacher-head">
                        <h6 class="module-small-title">在编教师情况</h6>
                        <div class="flex-start">
                            <p>在编</p>
                            <p>非在编</p>
                        </div>
                    </div>
                    <div class="flex-start index-teacher-pro">
                        <div class="index-teacher-num index-teacher-zb" id="zbTeacherNum">xx.x%(xxx)</div>
                        <div class="index-teacher-num index-teacher-fzb"  id="fzbTeacherNum">xx.x%(xx)</div>
                    </div>
                    <div class="flex-start index-teacher-nav">
                        <div class="index-teacher-nav-zb" id="zbTeacherNav"></div>
                        <div class="index-teacher-nav-fzb" id="fzbTeacherNumNav"></div>
                    </div>
                    <div class="index-teacher-total-num">总人数：<span id="teacherTotal">xxx</span>人</div>
                    <div style="padding-top:0.5vh">
                        <div class="flex-between index-teacher-school">
                            <span>小学</span>
                            <div class="index-teacher-school-nav">
                                <div class="flex-between">
                                    <i id="xxgg">骨干：xx.x%(xx)</i>
                                    <i id="xxfgg">非骨干：xx.x%(xx)</i>
                                </div>
                                <div class="flex-between index-teacher-school-center">
                                    <div id="xxggNav"></div>
                                    <div id="xxfggNav"></div>
                                </div>
                            </div>
                            <p id="xxTeacherNum">xxx</p>
                        </div>
                        <div class="flex-between index-teacher-school">
                            <span>中学</span>
                            <div class="index-teacher-school-nav">
                                <div class="flex-between">
                                    <i id="zxgg">骨干：xx.x%(xx)</i>
                                    <i id="zxfgg">非骨干：xx.x%(xx)</i>
                                </div>
                                <div class="flex-between index-teacher-school-center">
                                    <div id="zxggNav"></div>
                                    <div id="zxfggNav"></div>
                                </div>
                            </div>
                            <p id="zxTeacherNum">xxx</p>
                        </div>
                    </div>
                </div>
                <!-- 教师学科占比 -->
                <div class="index-left-subject">
                    <div class="flex-between">
                        <h6 class="module-small-title">教师学科占比</h6>
                        <div class="module-tab" id="subjectTab">
                            <span class="active" data-key="1">全区</span>
                            <span  data-key="2">小学</span>
                            <span  data-key="3">中学</span>
                        </div>
                    </div>
                    <div class="flex-start index-subject-tab">
                        <span>骨干教师（占在编情况）</span>
                        <span>在编教师</span>
                        <span>编外人员（非在编）</span>
                    </div>
                    <div class="index-subject-list" id="subjectList">
                        <!-- <div class="index-subject-row">
                          <div class="flex-between index-subject-row-title">
                            <h6>语文</h6>
                            <p><span>1866</span>人，占总人数比<span>27.6%</span>，在编率<span>78.6%</span></p>
                          </div>
                          <div class="index-subject-row-nav">
                            <div class="flex-start index-subject-row-ratio">
                              <div class="flex-start index-subject-row-zb">
                                <div class="index-subject-row-gg"></div>
                              </div>
                              <div class="index-subject-row-fzb"></div>
                            </div>
                          </div>
                        </div> -->
                    </div>
                </div>
            </div>
            <!-- 在编教师同一单位工作年限情况（人数） -->
            <div style="margin-top:2vh">
                <div class="flex-between">
                    <h6 class="module-small-title">在编教师同一单位工作年限情况（人数）</h6>
                    <div class="flex-start index-duration-tag" style="margin-right: 20px;">
                        <!-- 2025-01-13 start  -->
                        <p>非骨干教师</p>
                        <!-- 2025-01-13 end  -->
                        <p>骨干教师</p>
                    </div>
                </div>
                <div class="index-duration-title">总人数：<span id="teacherYearZrs">xxx</span> 人，可交流人数：<span id="teacherYearKjlrs">xx</span> 人，应交流人数：<span id="teacherYearYjlrs">xx</span> 人</div>
                <div class="relative">
                    <div class="index-duration-chart" id="durationChart"></div>
                    <!-- loading -->
                    <div id="durationChartLoading" class="loading-box">
                        <div class="flex-center list-loading">
                            <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/loading.gif" alt="" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-between index-teacher-year" >
                <!-- 在编教师教龄情况 -->
                <div class="index-year-left">
                    <h6 class="module-small-title">在编教师教龄情况</h6>
                    <div class="flex-end index-year-tag">
                        <p>在编教师</p>
                        <p>骨干教师</p>
                        <p>非骨干</p>
                    </div>
                    <div class="relative">
                        <div class="index-year-list" id="teacherYearList">
                            <!-- <div class="flex-between index-year-row">
                              <h6>5年以内</h6>
                              <div class="index-year-pro">
                                <div class="module-right-point index-year-zb"></div>
                                <div class="module-right-point index-year-fgg"></div>
                              <div class="module-right-point index-year-gg"></div>
                              </div>
                              <p>7986</p>
                            </div>
                            <div class="flex-between index-year-row">
                              <h6>6-10年</h6>
                              <div class="index-year-pro">
                                <div class="module-right-point index-year-zb"></div>
                                <div class="module-right-point index-year-fgg"></div>
                              <div class="module-right-point index-year-gg"></div>
                              </div>
                              <p>7986</p>
                            </div>
                            <div class="flex-between index-year-row">
                              <h6>11-15年</h6>
                              <div class="index-year-pro">
                                <div class="module-right-point index-year-zb"></div>
                                <div class="module-right-point index-year-fgg"></div>
                              <div class="module-right-point index-year-gg"></div>
                              </div>
                              <p>7986</p>
                            </div>
                            <div class="flex-between index-year-row">
                              <h6>16-20年</h6>
                              <div class="index-year-pro">
                                <div class="module-right-point index-year-zb"></div>
                                <div class="module-right-point index-year-fgg"></div>
                              <div class="module-right-point index-year-gg"></div>
                              </div>
                              <p>7986</p>
                            </div>
                            <div class="flex-between index-year-row">
                              <h6>21年以上</h6>
                              <div class="index-year-pro">
                                <div class="module-right-point index-year-zb"></div>
                                <div class="module-right-point index-year-fgg"></div>
                              <div class="module-right-point index-year-gg"></div>
                              </div>
                              <p>7986</p>
                            </div> -->
                        </div>
                        <!-- loading -->
                        <div id="teacherYearListLoading" class="loading-box">
                            <div class="flex-center list-loading">
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/loading.gif" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 在编骨干情况 -->
                <div class="index-year-right">
                    <h6 class="module-small-title">在编骨干情况</h6>
                    <div class="relative">
                        <div style="height: 21vh;" id="teacherCoreChart"></div>
                        <!-- loading -->
                        <div id="teacherCoreChartLoading" class="loading-box">
                            <div class="flex-center list-loading">
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/loading.gif" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- loading -->
            <div id="baseListLoading" class="loading-box">
                <div class="flex-center list-loading">
                    <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/loading.gif" alt="" />
                </div>
            </div>
        </div>
        <div class="flex-between index-right">
            <div>
                <div class="flex-between module-title">
                    <h6 style="font-weight: bold;">动态数据监测</h6>
                    <div class="module-tab" id="schoolTabList" style="font-weight: 400;">
                        <span class="active" data-key="1">全区</span>
                        <span data-key="2">小学</span>
                        <span data-key="3">中学</span>
                        <span data-key="4">集团</span>
                    </div>
                </div>
                <div class="flex-start index-subject-tab index-monitor-tab">
                    <span>三年以内不交流人数</span>
                    <span>三年到九年可交流人数</span>
                    <span>九年以上人数</span>
                    <span>三年承诺人数</span>
                    <span>退休不足五年人数</span>
                </div>
                <div style="margin-top:1vh;">
                    <div class="flex-start index-monitor-th" id="schoolHead">
                        <div>学校名称</div>
                        <div>所属学段</div>
                        <div class="flex-center"><span data-key="schoolzbl">在编率</span> <img id="schoolHeadZbl" src="{{env('APP_URL').BE_ADMIN}}/databoard/img/sort.png" alt=""></div>
                        <div class="flex-center"><span  data-key="schoolkjlrs">可交流人数</span> <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/sort.png" alt=""></div>
                        <div class="flex-center"><span data-key="schoolyjlrs">应交流人数</span> <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/sort.png" alt=""></div>
                        <div>骨干人数</div>
                        <div>本校总人数占比分析</div>
                        <div>排行</div>
                    </div>
                    <div class="relative">
                        <div class="index-monitor-body" id="schoolList">
                            <!-- <div class="flex-start index-monitor-tr" data-key="1">
                              <div class="single-text-hidden" title="深圳市南山区南头中学">深圳市南山区南头中学</div>
                              <div>初中</div>
                              <div class="flex-center">81.7% <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/up.png" alt=""></div>
                              <div>36</div>
                              <div>32</div>
                              <div>8</div>
                              <div>
                                <div class="flex-start index-monitor-nav">
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                </div>
                              </div>
                              <div>
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-1.png" alt="">
                                <span>1</span>
                              </div>
                            </div>
                            <div class="flex-start index-monitor-tr">
                              <div class="single-text-hidden">红岭中学(园岭校区)</div>
                              <div>初中</div>
                              <div class="flex-center">81.7% <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/up.png" alt=""></div>
                              <div>36</div>
                              <div>32</div>
                              <div>8</div>
                              <div>
                                <div class="flex-start index-monitor-nav">
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                </div>
                              </div>
                              <div>
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-2.png" alt="">
                                <span>2</span>
                              </div>
                            </div>
                            <div class="flex-start index-monitor-tr">
                              <div class="single-text-hidden">罗湖区翠园初级中学</div>
                              <div>初中</div>
                              <div class="flex-center">81.7% <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/up.png" alt=""></div>
                              <div>36</div>
                              <div>32</div>
                              <div>8</div>
                              <div>
                                <div class="flex-start index-monitor-nav">
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                </div>
                              </div>
                              <div>
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-3.png" alt="">
                                <span>3</span>
                              </div>
                            </div>
                            <div class="flex-start index-monitor-tr">
                              <div class="single-text-hidden">深圳市翠园文锦中学</div>
                              <div>初中</div>
                              <div class="flex-center">81.7% <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/up.png" alt=""></div>
                              <div>36</div>
                              <div>32</div>
                              <div>8</div>
                              <div>
                                <div class="flex-start index-monitor-nav">
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                </div>
                              </div>
                              <div>
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                                <span>4</span>
                              </div>
                            </div>
                            <div class="flex-start index-monitor-tr">
                              <div class="single-text-hidden">深圳市沙湾中学</div>
                              <div>初中</div>
                              <div class="flex-center">81.7% <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/up.png" alt=""></div>
                              <div>36</div>
                              <div>32</div>
                              <div>8</div>
                              <div>
                                <div class="flex-start index-monitor-nav">
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                </div>
                              </div>
                              <div>
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                                <span>5</span>
                              </div>
                            </div>
                            <div class="flex-start index-monitor-tr">
                              <div class="single-text-hidden">红岭中学(园岭校区)</div>
                              <div>初中</div>
                              <div class="flex-center">81.7% <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt=""></div>
                              <div>36</div>
                              <div>32</div>
                              <div>8</div>
                              <div>
                                <div class="flex-start index-monitor-nav">
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                </div>
                              </div>
                              <div>
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                                <span>6</span>
                              </div>
                            </div>
                            <div class="flex-start index-monitor-tr">
                              <div class="single-text-hidden">罗湖区翠园初级中学</div>
                              <div>初中</div>
                              <div class="flex-center">81.7% <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/up.png" alt=""></div>
                              <div>36</div>
                              <div>32</div>
                              <div>8</div>
                              <div>
                                <div class="flex-start index-monitor-nav">
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                </div>
                              </div>
                              <div>
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                                <span>7</span>
                              </div>
                            </div>
                            <div class="flex-start index-monitor-tr">
                              <div class="single-text-hidden">深圳市翠园文锦中学</div>
                              <div>初中</div>
                              <div class="flex-center">81.7% <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt=""></div>
                              <div>36</div>
                              <div>32</div>
                              <div>8</div>
                              <div>
                                <div class="flex-start index-monitor-nav">
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                </div>
                              </div>
                              <div>
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                                <span>8</span>
                              </div>
                            </div>
                            <div class="flex-start index-monitor-tr">
                              <div class="single-text-hidden">深圳市沙湾中学</div>
                              <div>初中</div>
                              <div class="flex-center">81.7% <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/equal.png" alt=""></div>
                              <div>36</div>
                              <div>32</div>
                              <div>8</div>
                              <div>
                                <div class="flex-start index-monitor-nav">
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                  <span></span>
                                </div>
                              </div>
                              <div>
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                                <span>9</span>
                              </div>
                            </div> -->
                        </div>
                        <!-- loading -->
                        <div id="schoolListLoading" class="loading-box">
                            <div class="flex-center list-loading">
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/loading.gif" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="margin-top:1vh">
                <h6 class="module-title">交流轮岗成果</h6>
                <div class="flex-start index-achievement-body">
                    <div class="index-achievement-left">
                        <div class="flex-between">
                            <h6 class="module-small-title">各学科交流轮岗人数情况</h6>
                            <div class="module-tab flex-start" id="achievementTab">
                                <span class="active" data-key="1">全区</span>
                                <span data-key="2">小学</span>
                                <span data-key="3">初中</span>
                                <span data-key="4">集团</span>
                            </div>
                        </div>
                        <div class="index-achievement-desc">
                            <p>本学年区交流轮岗总数：<span id="rotationTotal">0</span> 人，占在编教师总数：<span id="rotationRatio">0</span> %</p>
                            <p>本学年区骨干教师交流总数：<span id="rotationGgTotal">0</span> 人，占交流总数：<span id="rotationGgRatio">0</span> %</p>
                            <p>其中校领导交流：<span id="rotationXld">0</span> 人</p>
                        </div>
                        <div class="flex-end index-subject-tab index-achievement-tab">
                            <span>在编教师</span>
                            <span>骨干教师</span>
                        </div>
                        <div class="relative">
                            <div class="index-subject-list index-achievement-list" id="rotationList">
                                <!-- <div class="index-subject-row">
                                  <div class="flex-between index-subject-row-title">
                                    <h6>语文</h6>
                                    <p><span>192</span>人，占学科人数<span>9.6%</span></p>
                                  </div>
                                  <div class="index-subject-row-nav">
                                    <div class="index-subject-row-zb"></div>
                                    <div class="index-subject-row-gg"></div>
                                  </div>
                                </div>
                                <div class="index-subject-row">
                                  <div class="flex-between index-subject-row-title">
                                    <h6>数学</h6>
                                    <p><span>181</span>人，占学科人数<span>9.2%</span></p>
                                  </div>
                                  <div class="index-subject-row-nav">
                                    <div class="index-subject-row-zb"></div>
                                    <div class="index-subject-row-gg"></div>
                                  </div>
                                </div>
                                <div class="index-subject-row">
                                  <div class="flex-between index-subject-row-title">
                                    <h6>英语</h6>
                                    <p><span>167</span>人，占学科人数<span>9.0%</span></p>
                                  </div>
                                  <div class="index-subject-row-nav">
                                    <div class="index-subject-row-zb"></div>
                                    <div class="index-subject-row-gg"></div>
                                  </div>
                                </div> -->
                            </div>
                            <!-- loading -->
                            <div id="rotationListLoading" class="loading-box">
                                <div class="flex-center list-loading">
                                    <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/loading.gif" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="index-achievement-right">
                        <div class="flex-between">
                            <h6 class="module-small-title">学校交流轮岗人数排名</h6>
                            <div class="flex-start">
                                <div class="index-achievement-more" id="detailsBtn">查看详细</div>
                                <div class="module-tab flex-start" id="rotationRankTab">
                                    <span class="active" data-key="1">区级</span>
                                    <span data-key="2">集团</span>
                                </div>
                            </div>
                        </div>
                        <div style="margin-top:1vh">
                            <div class="flex-start index-achievement-th">
                                <div>学校名称</div>
                                <div>骨干/交流人数</div>
                                <div>交流率</div>
                                <div>排名</div>
                            </div>
                            <div class="index-achievement-table">
                                <!-- <div class="flex-start index-achievement-tr">
                                  <div>深圳市南山区南头中学</div>
                                  <div><span class="index-achievement-num">8</span>/36</div>
                                  <div>9.7%</div>
                                  <div>
                                    <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-1.png" alt="">
                                    <span>1</span>
                                  </div>
                                </div>
                                <div class="flex-start index-achievement-tr">
                                  <div>深圳市南山区南头中学</div>
                                  <div><span class="index-achievement-num">8</span>/36</div>
                                  <div>9.7%</div>
                                  <div>
                                    <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-2.png" alt="">
                                    <span>2</span>
                                  </div>
                                </div>
                                <div class="flex-start index-achievement-tr">
                                  <div>深圳市南山区南头中学</div>
                                  <div><span class="index-achievement-num">8</span>/36</div>
                                  <div>9.7%</div>
                                  <div>
                                    <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-3.png" alt="">
                                    <span>3</span>
                                  </div>
                                </div>
                                <div class="flex-start index-achievement-tr">
                                  <div>深圳市南山区南头中学</div>
                                  <div><span class="index-achievement-num">8</span>/36</div>
                                  <div>9.7%</div>
                                  <div>
                                    <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                                    <span>4</span>
                                  </div>
                                </div>
                                <div class="flex-start index-achievement-tr">
                                  <div>深圳市南山区南头中学</div>
                                  <div><span class="index-achievement-num">8</span>/36</div>
                                  <div>9.7%</div>
                                  <div>
                                    <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                                    <span>5</span>
                                  </div>
                                </div>
                                <div class="flex-start index-achievement-tr">
                                  <div>深圳市南山区南头中学</div>
                                  <div><span class="index-achievement-num">8</span>/36</div>
                                  <div>9.7%</div>
                                  <div>
                                    <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                                    <span>6</span>
                                  </div>
                                </div>
                                <div class="flex-start index-achievement-tr">
                                  <div>深圳市南山区南头中学</div>
                                  <div><span class="index-achievement-num">8</span>/36</div>
                                  <div>9.7%</div>
                                  <div>
                                    <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                                    <span>7</span>
                                  </div>
                                </div>
                                <div class="flex-start index-achievement-tr">
                                  <div>深圳市南山区南头中学</div>
                                  <div><span class="index-achievement-num">8</span>/36</div>
                                  <div>9.7%</div>
                                  <div>
                                    <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                                    <span>8</span>
                                  </div>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 学校详情 -->
    <div class="hide module-dialog" id="schoolDetailsDialog">
        <div class="index-dialog-school">
            <h6 class="index-dialog-title" id="schoolTitle"></h6>
            <i class="fa fa-close" aria-hidden="true" id="schoolDetailsDialogClose" /></i>
            <div class="flex-between index-school-top">
                <div class="index-school-left">
                    <div class="flex-between">
                        <h6 class="module-small-title">在编教师同单一单位工作年限情况</h6>
                        <div class="flex-end index-subject-tab index-achievement-tab">
                            <span>在编教师</span>
                            <span>骨干教师</span>
                        </div>
                    </div>
                    <div class="index-school-desc">总人数：<span id="schoolDialogTotal"></span> 人，可交流人数：<span id="schoolDialogKjlrs"></span> 人，应交流人数：<span id="schoolDialogYjlrs"></span> 人</div>
                    <div class="relative">
                        <!-- 2025-01-08 start  -->
                        <div style="height:260px" id="schoolWorkYearChart"></div>
                        <!-- 2025-01-08 end  -->
                        <!-- loading -->
                        <div id="schoolWorkYearChartLoading" class="loading-box">
                            <div class="flex-center list-loading">
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/loading.gif" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="index-school-right">
                    <h6 class="module-small-title">教师学科占比</h6>
                    <div class="flex-end index-subject-tab">
                        <span>骨干教师（占在编情况）</span>
                        <span>在编教师</span>
                        <span>编外人员（非在编）</span>
                    </div>
                    <div class="relative">
                        <!-- 2025-01-08 start  -->
                        <div class="index-subject-list" style="height: 260px;" id="schoolDialogSubjectList">
                            <!-- 2025-01-08 end  -->
                            <!-- <div class="index-subject-row">
                              <div class="flex-between index-subject-row-title">
                                <h6>语文</h6>
                                <p><span>1866</span>人，占校人数比<span>27.6%</span>，在编率<span>78.6%</span></p>
                              </div>
                              <div class="index-subject-row-nav">
                                <div class="index-subject-row-zb">
                                  <div class="index-subject-row-gg"></div>
                                </div>
                                <div class="index-subject-row-fzb"></div>
                              </div>
                            </div>
                            <div class="index-subject-row">
                              <div class="flex-between index-subject-row-title">
                                <h6>语文</h6>
                                <p><span>1866</span>人，占校人数比<span>27.6%</span>，在编率<span>78.6%</span></p>
                              </div>
                              <div class="index-subject-row-nav">
                                <div class="index-subject-row-zb">
                                  <div class="index-subject-row-gg"></div>
                                </div>
                                <div class="index-subject-row-fzb"></div>
                              </div>
                            </div>
                            <div class="index-subject-row">
                              <div class="flex-between index-subject-row-title">
                                <h6>语文</h6>
                                <p><span>1866</span>人，占校人数比<span>27.6%</span>，在编率<span>78.6%</span></p>
                              </div>
                              <div class="index-subject-row-nav">
                                <div class="index-subject-row-zb">
                                  <div class="index-subject-row-gg"></div>
                                </div>
                                <div class="index-subject-row-fzb"></div>
                              </div>
                            </div> -->
                        </div>
                        <!-- loading -->
                        <div id="schoolDialogSubjectListLoading" class="loading-box">
                            <div class="flex-center list-loading">
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/loading.gif" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-between index-school-top">
                <div class="index-school-left">
                    <h6 class="module-small-title">在编教师教龄情况</h6>
                    <div class="flex-end index-year-tag">
                        <p>在编教师</p>
                        <p>骨干教师</p>
                        <p>非骨干</p>
                    </div>
                    <div class="index-year-list" id="schoolDialogYearList">
                        <!-- <div class="flex-between index-year-row">
                          <h6>5年以内</h6>
                          <div class="index-year-pro">
                            <div class="module-right-point index-year-zb"></div>
                            <div class="module-right-point index-year-gg"></div>
                            <div class="module-right-point index-year-fgg"></div>
                          </div>
                          <p>7986</p>
                        </div>
                        <div class="flex-between index-year-row">
                          <h6>6-10年</h6>
                          <div class="index-year-pro">
                            <div class="module-right-point index-year-zb"></div>
                            <div class="module-right-point index-year-gg"></div>
                            <div class="module-right-point index-year-fgg"></div>
                          </div>
                          <p>7986</p>
                        </div>
                        <div class="flex-between index-year-row">
                          <h6>11-15年</h6>
                          <div class="index-year-pro">
                            <div class="module-right-point index-year-zb"></div>
                            <div class="module-right-point index-year-gg"></div>
                            <div class="module-right-point index-year-fgg"></div>
                          </div>
                          <p>7986</p>
                        </div>
                        <div class="flex-between index-year-row">
                          <h6>16-20年</h6>
                          <div class="index-year-pro">
                            <div class="module-right-point index-year-zb"></div>
                            <div class="module-right-point index-year-gg"></div>
                            <div class="module-right-point index-year-fgg"></div>
                          </div>
                          <p>7986</p>
                        </div>
                        <div class="flex-between index-year-row">
                          <h6>21年以上</h6>
                          <div class="index-year-pro">
                            <div class="module-right-point index-year-zb"></div>
                            <div class="module-right-point index-year-gg"></div>
                            <div class="module-right-point index-year-fgg"></div>
                          </div>
                          <p>7986</p>
                        </div> -->
                    </div>
                </div>
                <div class="index-school-right">
                    <h6 class="module-small-title">在编骨干情况</h6>
                    <div class="relative">
                        <!-- 2025-01-08 start  -->
                        <div style="height: 220px;" id="teacherSchoolCoreChart"></div>
                        <!-- 2025-01-08 end  -->
                        <!-- loading -->
                        <div id="teacherSchoolCoreChartLoading" class="loading-box">
                            <div class="flex-center list-loading">
                                <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/loading.gif" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 交流轮岗详细 -->
    <div class="hide module-dialog" id="changeDetailsDialog">
        <div class="index-dialog-details">
            <h6 class="index-dialog-title">交流轮岗详细</h6>
            <i class="fa fa-close" aria-hidden="true" id="changeDetailsDialogClose" /></i>
            <div class="flex-start index-subject-tab index-details-tab">
                <span>其他</span>
                <span>三年到九年可交流人数</span>
                <span>九年以上人数</span>
                <span>三年承诺人数</span>
            </div>
            <div style="margin-top:1vh">
                <div class="flex-start index-details-th">
                    <div>学校名称</div>
                    <div>所属学段</div>
                    <div>原在编率</div>
                    <div>现在编率</div>
                    <div>骨干交流人数/在编交流人数</div>
                    <div>在编交流率</div>
                    <div>骨干交流率</div>
                    <div>在编交流总人数占比分析</div>
                    <div>骨干交流总人数占比分析</div>
                    <div>排行</div>
                </div>
                <div class="index-details-list">
                    <!-- <div class="flex-start index-details-tr">
                      <div>深圳市南山区南头中学</div>
                      <div>初中</div>
                      <div>72.5%</div>
                      <div class="flex-start up">
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/up.png" alt="">
                        73.1%
                      </div>
                      <div>
                        <span>8</span>/<span>36</span>
                      </div>
                      <div>9.7%</div>
                      <div>16.3%</div>
                      <div>
                        <div class="flex-center index-details-nav">
                          <span></span>
                          <span></span>
                          <span></span>
                          <span></span>
                        </div>
                      </div>
                      <div>
                        <div class="index-details-pro">
                          <div></div>
                        </div>
                      </div>
                      <div>
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-1.png" alt="">
                          <span>1</span>
                      </div>
                    </div>
                    <div class="flex-start index-details-tr">
                      <div>深圳市南山区南头中学</div>
                      <div>初中</div>
                      <div>72.5%</div>
                      <div class="flex-start down">
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt="">
                        73.1%
                      </div>
                      <div>
                        <span>8</span>/<span>36</span>
                      </div>
                      <div>9.7%</div>
                      <div>16.3%</div>
                      <div>
                        <div class="flex-center index-details-nav">
                          <span></span>
                          <span></span>
                          <span></span>
                          <span></span>
                        </div>
                      </div>
                      <div>
                        <div class="index-details-pro">
                          <div></div>
                        </div>
                      </div>
                      <div>
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-2.png" alt="">
                          <span>2</span>
                      </div>
                    </div>
                    <div class="flex-start index-details-tr">
                      <div>深圳市南山区南头中学</div>
                      <div>初中</div>
                      <div>72.5%</div>
                      <div class="flex-start down">
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt="">
                        73.1%
                      </div>
                      <div>
                        <span>8</span>/<span>36</span>
                      </div>
                      <div>9.7%</div>
                      <div>16.3%</div>
                      <div>
                        <div class="flex-center index-details-nav">
                          <span></span>
                          <span></span>
                          <span></span>
                          <span></span>
                        </div>
                      </div>
                      <div>
                        <div class="index-details-pro">
                          <div></div>
                        </div>
                      </div>
                      <div>
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-3.png" alt="">
                          <span>3</span>
                      </div>
                    </div>
                    <div class="flex-start index-details-tr">
                      <div>深圳市南山区南头中学</div>
                      <div>初中</div>
                      <div>72.5%</div>
                      <div class="flex-start down">
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt="">
                        73.1%
                      </div>
                      <div>
                        <span>8</span>/<span>36</span>
                      </div>
                      <div>9.7%</div>
                      <div>16.3%</div>
                      <div>
                        <div class="flex-center index-details-nav">
                          <span></span>
                          <span></span>
                          <span></span>
                          <span></span>
                        </div>
                      </div>
                      <div>
                        <div class="index-details-pro">
                          <div></div>
                        </div>
                      </div>
                      <div>
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                          <span>4</span>
                      </div>
                    </div>
                    <div class="flex-start index-details-tr">
                      <div>深圳市南山区南头中学</div>
                      <div>初中</div>
                      <div>72.5%</div>
                      <div class="flex-start down">
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt="">
                        73.1%
                      </div>
                      <div>
                        <span>8</span>/<span>36</span>
                      </div>
                      <div>9.7%</div>
                      <div>16.3%</div>
                      <div>
                        <div class="flex-center index-details-nav">
                          <span></span>
                          <span></span>
                          <span></span>
                          <span></span>
                        </div>
                      </div>
                      <div>
                        <div class="index-details-pro">
                          <div></div>
                        </div>
                      </div>
                      <div>
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                          <span>5</span>
                      </div>
                    </div>
                    <div class="flex-start index-details-tr">
                      <div>深圳市南山区南头中学</div>
                      <div>初中</div>
                      <div>72.5%</div>
                      <div class="flex-start down">
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt="">
                        73.1%
                      </div>
                      <div>
                        <span>8</span>/<span>36</span>
                      </div>
                      <div>9.7%</div>
                      <div>16.3%</div>
                      <div>
                        <div class="flex-center index-details-nav">
                          <span></span>
                          <span></span>
                          <span></span>
                          <span></span>
                        </div>
                      </div>
                      <div>
                        <div class="index-details-pro">
                          <div></div>
                        </div>
                      </div>
                      <div>
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                          <span>4</span>
                      </div>
                    </div>
                    <div class="flex-start index-details-tr">
                      <div>深圳市南山区南头中学</div>
                      <div>初中</div>
                      <div>72.5%</div>
                      <div class="flex-start down">
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt="">
                        73.1%
                      </div>
                      <div>
                        <span>8</span>/<span>36</span>
                      </div>
                      <div>9.7%</div>
                      <div>16.3%</div>
                      <div>
                        <div class="flex-center index-details-nav">
                          <span></span>
                          <span></span>
                          <span></span>
                          <span></span>
                        </div>
                      </div>
                      <div>
                        <div class="index-details-pro">
                          <div></div>
                        </div>
                      </div>
                      <div>
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                          <span>5</span>
                      </div>
                    </div>
                    <div class="flex-start index-details-tr">
                      <div>深圳市南山区南头中学</div>
                      <div>初中</div>
                      <div>72.5%</div>
                      <div class="flex-start down">
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt="">
                        73.1%
                      </div>
                      <div>
                        <span>8</span>/<span>36</span>
                      </div>
                      <div>9.7%</div>
                      <div>16.3%</div>
                      <div>
                        <div class="flex-center index-details-nav">
                          <span></span>
                          <span></span>
                          <span></span>
                          <span></span>
                        </div>
                      </div>
                      <div>
                        <div class="index-details-pro">
                          <div></div>
                        </div>
                      </div>
                      <div>
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                          <span>4</span>
                      </div>
                    </div>
                    <div class="flex-start index-details-tr">
                      <div>深圳市南山区南头中学</div>
                      <div>初中</div>
                      <div>72.5%</div>
                      <div class="flex-start down">
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt="">
                        73.1%
                      </div>
                      <div>
                        <span>8</span>/<span>36</span>
                      </div>
                      <div>9.7%</div>
                      <div>16.3%</div>
                      <div>
                        <div class="flex-center index-details-nav">
                          <span></span>
                          <span></span>
                          <span></span>
                          <span></span>
                        </div>
                      </div>
                      <div>
                        <div class="index-details-pro">
                          <div></div>
                        </div>
                      </div>
                      <div>
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                          <span>5</span>
                      </div>
                    </div>
                    <div class="flex-start index-details-tr">
                      <div>深圳市南山区南头中学</div>
                      <div>初中</div>
                      <div>72.5%</div>
                      <div class="flex-start down">
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt="">
                        73.1%
                      </div>
                      <div>
                        <span>8</span>/<span>36</span>
                      </div>
                      <div>9.7%</div>
                      <div>16.3%</div>
                      <div>
                        <div class="flex-center index-details-nav">
                          <span></span>
                          <span></span>
                          <span></span>
                          <span></span>
                        </div>
                      </div>
                      <div>
                        <div class="index-details-pro">
                          <div></div>
                        </div>
                      </div>
                      <div>
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                          <span>4</span>
                      </div>
                    </div>
                    <div class="flex-start index-details-tr">
                      <div>深圳市南山区南头中学</div>
                      <div>初中</div>
                      <div>72.5%</div>
                      <div class="flex-start down">
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/down.png" alt="">
                        73.1%
                      </div>
                      <div>
                        <span>8</span>/<span>36</span>
                      </div>
                      <div>9.7%</div>
                      <div>16.3%</div>
                      <div>
                        <div class="flex-center index-details-nav">
                          <span></span>
                          <span></span>
                          <span></span>
                          <span></span>
                        </div>
                      </div>
                      <div>
                        <div class="index-details-pro">
                          <div></div>
                        </div>
                      </div>
                      <div>
                        <img src="{{env('APP_URL').BE_ADMIN}}/databoard/img/no-4.png" alt="">
                          <span>5</span>
                      </div>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="{{env('APP_URL').BE_ADMIN}}/databoard/js/jquery.min.js"></script>
<script type="text/javascript" src="{{env('APP_URL').BE_ADMIN}}/databoard/js/swiper-bundle.min.js"></script>
<script type="text/javascript" src="{{env('APP_URL').BE_ADMIN}}/databoard/js/lulu-pure.js"></script>
<script type="text/javascript" src="{{env('APP_URL').BE_ADMIN}}/databoard/js/moment.min.js"></script>
<script type="text/javascript" src="{{env('APP_URL').BE_ADMIN}}/databoard/js/crypto-js.js"></script>
<script type="text/javascript" src="{{env('APP_URL').BE_ADMIN}}/databoard/js/echarts.min.js"></script>
<script type="text/javascript" src="{{env('APP_URL').BE_ADMIN}}/databoard/js/jquery.liMarquee.js"></script>
<script type="text/javascript" src="{{env('APP_URL').BE_ADMIN}}/databoard/js/TweenLite.min.js"></script>
<script type="text/javascript" src="{{env('APP_URL').BE_ADMIN}}/databoard/js/common.js"></script>
<script type="text/javascript" src="{{env('APP_URL').BE_ADMIN}}/databoard/js/index-chart.js"></script>
<script type="text/javascript" src="{{env('APP_URL').BE_ADMIN}}/databoard/js/index.js"></script>
</body>
</html>
